<script setup lang="ts">
import { ref, reactive, computed, onMounted, provide } from 'vue';
import com01 from './com01.vue';

const name = ref('蔡徐坤250');
provide('name', name);

</script>

<template>
  <div>
    <h1 @click="name = '菜虚坤sb'">根组件</h1>
    <com01></com01>
    <div class="app-container"><KunBtn></KunBtn></div>
  </div>
</template>

<style scoped>
  body{
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
  }

  .app-container {
    width: 100px;
    height: 100px;
    background-color: aqua;
  }
  
</style>